<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
	.scrollbar {
		width: 686px;
		height: 143px;
		background-color:#dadada;
		border: 1px solid black;
		box-shadow: 0 0 1px 1px #888888;
		overflow:hidden;
	}
	.scrollprev {
		width: 41px;
		height:143px;
		float:left;
		background: url('icon trai.png') no-repeat center center;
	}
	.scrollwrapper {
		float:left;
		width:604px;
		height:auto;
		margin-top: 41px;
	}
		.scrollbox {
			width: 133px;
			height: 85px;
			border: 1px solid black;
			margin-right: 21px;
			float: left;
			background-color:#FFFFFF;
			position:relative;
		}
		.scrollbox-content {
			position: absolute;
			width:128px;
			text-align: right;
			font-size: 9px;
			padding-top:5px;
			padding-right:5px;
		}
		
		.scrollbox-content strong {
			color: #b2b2b2;
		}
		.scrollbox-content span {
			color: #36cefd;
		}
		.scrollbox-image {
			position: absolute;
			bottom: 0;
			left: 0;
		}
		.lastbox {
			margin-right: 0;
		}
	.scrollnext {
		width: 41px;
		height:143px;
		float:left;
		background: url('icon phai.png') no-repeat center center;
	}	
	.clear {
		clear: both;
	}
</style>
</head>

<body>
    <div class="scrollbar">
    	<div class="scrollprev">
        </div>
    	<div class="scrollwrapper">
            <div class="scrollbox">
            	<div class="scrollbox-content">
                	<strong>Model:</strong> <span>PK 14-600</span><br />
                    <strong>Sizes:</strong> <span>24-30</span><br />
                    <span>24 nap a nopode</span>
            	</div>
            	<img class="scrollbox-image" src="anh-san-pham-scrollbar.png" />
            </div>
            <div class="scrollbox">
            	<div class="scrollbox-content">
                	<strong>Model:</strong> <span>PK 14-600</span><br />
                    <strong>Sizes:</strong> <span>24-30</span><br />
                    <span>24 nap a nopode</span>
            	</div>
            	<img class="scrollbox-image" src="anh-san-pham-scrollbar.png" />
            </div>
            <div class="scrollbox">
            	<div class="scrollbox-content">
                	<strong>Model:</strong> <span>PK 14-600</span><br />
                    <strong>Sizes:</strong> <span>24-30</span><br />
                    <span>24 nap a nopode</span>
            	</div>
            	<img class="scrollbox-image" src="anh-san-pham-scrollbar.png" />
            </div>
            <div class="scrollbox lastbox">
            	<div class="scrollbox-content">
                	<strong>Model:</strong> <span>PK 14-600</span><br />
                    <strong>Sizes:</strong> <span>24-30</span><br />
                    <span>24 nap a nopode</span>
            	</div>
            	<img class="scrollbox-image" src="anh-san-pham-scrollbar.png" />
            </div>
            <div class="clear"></div>
        </div>
        <div class="scrollnext">
        </div>
        <div class="clear"></div>
    </div>
</body>
</html>
